<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>VUE绑定事件-事件修饰符-stop</title>
        <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            
                <form action="http://www.baidu.com">
                    <div>表单1</div>
                    关键词：<input name="keyWord"/><br/>
                    <input type="submit" value="提交"/>
                </form>
            
            ----------------------------------------<br/>
            
                <form action="http://www.baidu.com" @submit.prevent="form2Submit">
                    <div>表单2</div>
                    关键词：<input name="keyWord"/><br/>
                    <input type="submit" value="提交"/>
                </form>
            
        </div>
    </body>
    <script type="text/javascript">
        var vueObj = new Vue({
            el: '#app',
            data: {
                message: "" 
            },
            methods: {
                form2Submit: function() {
                    console.log("触发了form2Submit方法，event：" + event);
                }
            }
        });
    </script>
</html>